* {
    padding: 0;
    margin: 0;
}

html,body{
    width: 100%;
    height: 100%;
    /* background-color: pink; */
                                                /* 图片不平铺 居中置顶 */
    background: url('/assets/images/login_bg.jpg')no-repeat  center  top;
    /* 图片宽高等比例缩放,直到较小的宽和高填满父元素,可能会出现图片溢出 */
    background-size: cover;
}

.layui-main{
    padding-top: 20px;
}
.login-reg{
    /* 固定定位  */
    position: fixed;
    top:50% ;
    left: 50%;
    transform: translate(-50%,  -50%);
    width: 400px;
    height: 310px;
    background-color: #fff;
}

.title-box{
    height: 60px;
    /* 这里用背景图最方便,横向居中竖向也居中了 */
    background: url("/assets/images/login_title.png")no-repeat center;
}
.layui-form{
    padding: 0 30px;
}
/* 去注册字体大小 因为就一个a标签  所以可以直接写大盒子类名+a标签名 */
.layui-form a {
    font-size: 12px;
}

.layui-form-item{
    position: relative;
}

.layui-icon{
    position: absolute;
    top: 10px;
    left: 10px;
}
/* 让文字向左移动32px(偷的) */
.layui-input {
    padding-left: 32px;
}






